

@import '../../styles/theme';

.c-tag {
	min-width: 44px;
	min-height: 28px;

	@extend .vCenter;
	justify-content: center;

	padding: 0 8px;
	border-radius: 4px;

	font-size: 18px;
	font-weight: 300;
	letter-spacing: 3px;

	&-hot {
		background: red linear-gradient(to right, $darkRed, $red);
		border: 1px solid $red;
		margin-right: 8px;

		color: #fff;
	}

	&-time {
		color: $red;
		border: 1px solid $red;

		margin-right: 8px;
	}

	&-new {
		$newColor: #87d068;
		color: $newColor;
		border: 1px solid $newColor;

		margin-right: 8px;
	}
}
